<template>
    <div class="main">
        <div class="login">
            <!-- <div class="icon-candy__easyiconnet">欢迎来到草莓阅读</div> -->
            <div class="iconfont icon-caomei"></div>
            <div class="form">
                <div class="item">
                    <span></span>
                    <input type="text" placeholder="请输入手机号码" v-model="phone">
                </div>
                <div class="item">
                    <span></span>
                    <input type="password" placeholder="请输入密码" v-model="password">
                </div>
               
                <div class="item">
                    <div class="submit" @click="submit">提交</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
//getCaptchaVerify,
// import { getCaptchaSent,getLoginCellphone } from "../../api/login";
import {Toast} from 'vant';

export default {
    data(){
        return {
            phone:"",
            password:"",
            code:""
        }
    },
    methods:{
        getCode(){
            // 1.验证手机号码
            let reg= /^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
            if(!reg.test(this.phone)){
                Toast("请输入正确手机号码");
                return;
            }
            // 请求接口验证码
            // getCaptchaSent({"phone":this.phone}).then(data=>{
            //     if(data.data){
            //         Toast("验证码发送成功")
            //     }else{
            //         Toast("验证码发送失败");
            //     }
            // })
        },
        submit(){
            // let regCode = /^[0-9]{4}$/;
            // // 验证码
            // if(!regCode.test(this.code)){
            //     Toast("请输入正确验证码");
            //     return;
            // }
            // 验证手机号码
            // let regPhone = /^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
            // if(!regPhone.test(this.phone)){
            //     Toast("请填写正确信息");
            //    return;
            // }
            // // 密码
            // let regPassword = /^[a-zA-Z]\w{5,17}$/;
            // if(!regPassword.test(this.password)){
            //     Toast("请填写正确信息");
            //     return;
            // }
            // regPhone=this.phone;
            // regPassword=this.password;

            // getCaptchaVerify({"phone":this.phone,"captcha":this.code}).then(data=>{
            //     if(data.data){
                    // 验证手机密码
                    // getLoginCellphone({
                        // phone:this.phone,
                        // password:this.password
                    //}).then(info=>{
                        // console.log(info);
                        Toast("登录成功");
                        // window.localStorage.setItem("login",info.cookie);
                        // window.localStorage.setItem("token",info.token);
                        // window.localStorage.setItem("uid",info.account.id);
                        //登陆成功跳回个人中心页面
                        this.$router.push("/my");
                    //})
            //     }else{
            //         Toast("请填写正确信息");
            //     }
            // }).catch(()=>{
            //     Toast("请填写正确信息");
            // })
        }
    },
    created(){

    }
}
</script>

<style lang="less">
.main{
    height: 100%;
}
.login{
        background-color: rgb(228, 119, 119);
        width: 100%;
        height: 100%;
        color:#fff;
    }
    .icon-caomei{
        font-size: 165px;
        text-align: center;
        height: 48px;
        padding:150px 0px 80px 0;
        // color: red;
    }
    .form{
        // top: 20px;
        margin-top: 50px;
        .item{
            width: 76%;
            height: 30px;
            line-height: 30px;
            margin: 0 auto;
            background-color: white;
            border-radius: 30px;
            margin-bottom: 12px;
            input{
                background-color: transparent;
                border:0px;
                outline: none;
                text-indent: 0.5em;
                font-size: 14px;
                color:black;
                // border-bottom: 1px solid black;
            }
            span{
                font-size: 20px;
                margin-left: 10px;
                display: inline-block;
                vertical-align: middle;
            }
            .getCode{
                border:1px solid #fff;
                height: 20px;
                line-height: 20px;
                width: 50px;
                border-radius: 20px;
                font-size: 12px;
                color:#808080;
                float: right;
                margin:5px;
            }
            .submit{
                font-size: 15px;
                background-color: #d4473c;
                text-align: center;
                color:white;
                border-radius: 15px;
            }
        }
    }

</style>
